<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="stylesheet" href="./bootstrap-3.4.1/css/bootstrap-theme.min.css">
		<link rel="stylesheet" href="./bootstrap-3.4.1/css/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="./fontawesome-free-6.0.0-beta3-web/css/all.css"/>
		<style>
			.warp .left {
				width: 200px;
			}
			#mycollapse {
				min-height: 100vh;
			}
		</style>
		<title>首页</title>
	</head>
	<body>
		<div class="warp" id="app">
			<div class="left">
				<div class="navbar navbar-default" id="mycollapse">
					<ul class="nav nav-pills nav-stacked">
						<li class="active"><a href="#"><i class="fa fa-dashboard fa-fw"></i> DashBord</a></li>
						<li>
							<a href="#second-level-1" class="second-level accordion-toggle" data-toggle="collapse"
								data-parent="#mycollapse">
								<i class="fa fa-table fa-fw"></i> Table<i class="fa fa-angle-left pull-right"></i>
							</a>
							<ul class="nav collapse" id="second-level-1">
								<li><a href="#">数据库测试</a></li>
								<li><a href="#">数据库测试</a></li>
								<li><a href="#">数据库测试</a></li>
							</ul>
						</li>

						<li><a href="#"><i class="fa fa-bar-chart fa-fw"></i> Chart</a></li>
						<li><a href="#"><i class="fa fa-edit fa-fw"></i> Form</a></li>
						<li>
							<a href="#second-level-2" class="second-level accordion-toggle" data-toggle="collapse"
								data-parent="#mycollapse">
								<i class="fa fa-table fa-fw"></i> Table<i class="fa fa-angle-left pull-right"></i>
							</a>
							<ul class="nav collapse" id="second-level-2">
								<li><a href="#">数据库测试</a></li>
								<li><a href="#">数据库测试</a></li>
								<li><a href="#">数据库测试</a></li>
							</ul>
						</li>
						<li><a href="#"><i class="fa fa-wrench fa-fw"></i> UI Element</a></li>
						<li>
							<a href="#second-level-3" class="second-level accordion-toggle" data-toggle="collapse"
								data-parent="#mycollapse">
								<i class="fa fa-table fa-fw"></i> Table<i class="fa fa-angle-left pull-right"></i>
							</a>
							<ul class="nav collapse" id="second-level-3">
								<li><a href="#">数据库测试</a></li>
								<li><a href="#">数据库测试</a></li>
								<li><a href="#">数据库测试</a></li>
							</ul>
						</li>
					</ul>
				</div>
			</div>
			
			<div class="right">
				<ol class="breadcrumb">
				  <li><a href="#">Home</a></li>
				  <li><a href="#">Library</a></li>
				  <li class="active">Data</li>
				</ol>
			</div>
		</div>


		<script src="./jquery.js"></script>
		<script src="./bootstrap-3.4.1//js/bootstrap.min.js"></script>
	</body>
</html>
